<template>
  <div class="layout">
    <!--左侧导航栏区域-->
    <Mymenu class="menu"></Mymenu>

    <!--右侧导航栏区域-->
    <Content class="content"></Content>
  </div>
</template>

<script>
import Mymenu from "~/components/userView/Mymenu.vue";
import Content from "~/components/userView/Content.vue";
export default {
  components:{
    Mymenu,
    Content
  }
}
</script>

<style  scoped>

.body{

}
.layout{
  .menu {
    width: 200px;
    min-height: 500px;
    background: #555C64FF;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
  }
  .content{
    margin-left: 201px;
  }
}

</style>
